<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
                <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts.min.js"></script>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/themes/macarons.js"></script>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/echarts-wordcloud.min.js"></script>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/jquery.min.js"></script>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/jquery-ui.min.js"></script>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/v5/ResizeSensor.js"></script>

            <link rel="stylesheet"  href="https://assets.pyecharts.org/assets/v5/jquery-ui.css">

</head>
<body >
    <style>.box {  } </style>
        
    <div class="box">
                <div id="6fdc8b34d4ed442bb641463877630b83" class="chart-container" style="position: absolute; width: 759.4px; height: 500.4px; top: 49.400001525878906px; left: -5px;"></div>
    <script>
        var chart_6fdc8b34d4ed442bb641463877630b83 = echarts.init(
            document.getElementById('6fdc8b34d4ed442bb641463877630b83'), 'white', {renderer: 'canvas'});
        var option_6fdc8b34d4ed442bb641463877630b83 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "bar",
            "name": "\u8bc4\u5206\u4eba\u6570",
            "legendHoverLink": true,
            "data": [
                139746,
                100541,
                103998,
                139522,
                80755,
                38366,
                71858,
                80646,
                80335,
                31253,
                55205,
                65826,
                26907,
                64927,
                42103,
                56251,
                41924,
                46122,
                41446,
                42009
            ],
            "realtimeSort": false,
            "showBackground": false,
            "stackStrategy": "samesign",
            "cursor": "pointer",
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "margin": 8
            },
            "itemStyle": {
                "color": "cornflowerblue"
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u8bc4\u5206\u4eba\u6570"
            ],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1,
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "rotate": -15,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u9752\u6625\u732a\u5934\u5c11\u5e74\u4e0d\u4f1a\u68a6\u5230\u6000\u68a6\u7f8e\u5c11\u5973",
                "\u7d2b\u7f57\u5170\u6c38\u6052\u82b1\u56ed\u5916\u4f20\uff1a\u6c38\u8fdc\u4e0e\u81ea\u52a8\u624b\u8bb0\u4eba\u5076",
                "\u5929\u6c14\u4e4b\u5b50",
                "\u8ba9\u5b50\u5f39\u98de",
                "\u8f7b\u97f3\u5c11\u5973 \u5267\u573a\u7248",
                "\u6d41\u6d6a\u5730\u74032",
                "\u7d2b\u7f57\u5170\u6c38\u6052\u82b1\u56ed \u5267\u573a\u7248",
                "\u7f57\u5c0f\u9ed1\u6218\u8bb0",
                "\u516b\u4f70",
                "\u5de8\u9f7f\u9ca8\u5c71\u5be8\u7248",
                "\u661f\u9645\u7a7f\u8d8a",
                "\u529f\u592b",
                "\u6df1\u6d77",
                "\u8096\u7533\u514b\u7684\u6551\u8d4e",
                "\u559c\u7f8a\u7f8a\u4e0e\u7070\u592a\u72fc\u4e4b\u7b50\u51fa\u672a\u6765",
                "\u58f0\u4e4b\u5f62",
                "\u5267\u573a\u7248 \u4e2d\u4e8c\u75c5\u4e5f\u8981\u8c08\u604b\u7231\uff01 -Take On Me-",
                "\u7389\u5b50\u7231\u60c5\u6545\u4e8b",
                "\u767d\u86c72\uff1a\u9752\u86c7\u52ab\u8d77",
                "\u626c\u540d\u7acb\u4e07"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "show": true,
            "text": "b\u7ad9\u8bc4\u5206\u524d20\u7535\u5f71\u8bc4\u8bba\u6570",
            "target": "blank",
            "subtext": "\u8bc4\u5206\u5747\u4e3a9.9",
            "subtarget": "blank",
            "left": "10%",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false
        }
    ]
};
        chart_6fdc8b34d4ed442bb641463877630b83.setOption(option_6fdc8b34d4ed442bb641463877630b83);
    </script>
<br/>                <div id="8951c5c235fd4ddebf8e794d6b77ed02" class="chart-container" style="position: absolute; width: 1028.4px; height: 500.4px; top: 550.7999877929688px; left: 501px;"></div>
    <script>
        var chart_8951c5c235fd4ddebf8e794d6b77ed02 = echarts.init(
            document.getElementById('8951c5c235fd4ddebf8e794d6b77ed02'), 'macarons', {renderer: 'canvas'});
        var option_8951c5c235fd4ddebf8e794d6b77ed02 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "series": [
        {
            "type": "bar",
            "name": "\u77ed\u8bc4\u6570",
            "legendHoverLink": true,
            "data": [
                45067.0,
                31614.0,
                31321.0,
                30420.0,
                29034.0,
                28507.0,
                24951.0,
                23664.0,
                21313.0,
                19364.0,
                19348.0,
                19275.0,
                19130.0,
                17533.0,
                16817.0,
                15669.0,
                15033.0,
                14921.0,
                14087.0,
                12261.0
            ],
            "realtimeSort": false,
            "showBackground": false,
            "stackStrategy": "samesign",
            "cursor": "pointer",
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "margin": 8
            }
        },
        {
            "type": "bar",
            "name": "\u957f\u8bc4\u6570",
            "legendHoverLink": true,
            "data": [
                405.0,
                265.0,
                719.0,
                106.0,
                155.0,
                523.0,
                487.0,
                0.0,
                271.0,
                157.0,
                195.0,
                68.0,
                1096.0,
                133.0,
                180.0,
                449.0,
                325.0,
                99.0,
                527.0,
                168.0
            ],
            "realtimeSort": false,
            "showBackground": false,
            "stackStrategy": "samesign",
            "cursor": "pointer",
            "barMinHeight": 0,
            "barCategoryGap": "20%",
            "barGap": "30%",
            "large": false,
            "largeThreshold": 400,
            "seriesLayoutBy": "column",
            "datasetIndex": 0,
            "clip": true,
            "zlevel": 0,
            "z": 2,
            "label": {
                "show": true,
                "margin": 8
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u77ed\u8bc4\u6570",
                "\u957f\u8bc4\u6570"
            ],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1,
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "xAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "axisLabel": {
                "show": true,
                "rotate": -15,
                "margin": 8
            },
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            },
            "data": [
                "\u9752\u6625\u732a\u5934\u5c11\u5e74\u4e0d\u4f1a\u68a6\u5230\u6000\u68a6\u7f8e\u5c11\u5973",
                "\u7d2b\u7f57\u5170\u6c38\u6052\u82b1\u56ed\u5916\u4f20\uff1a\u6c38\u8fdc\u4e0e\u81ea\u52a8\u624b\u8bb0\u4eba\u5076",
                "\u5929\u6c14\u4e4b\u5b50",
                "\u8ba9\u5b50\u5f39\u98de",
                "\u8f7b\u97f3\u5c11\u5973 \u5267\u573a\u7248",
                "\u6d41\u6d6a\u5730\u74032",
                "\u7d2b\u7f57\u5170\u6c38\u6052\u82b1\u56ed \u5267\u573a\u7248",
                "\u7f57\u5c0f\u9ed1\u6218\u8bb0",
                "\u516b\u4f70",
                "\u5de8\u9f7f\u9ca8\u5c71\u5be8\u7248",
                "\u661f\u9645\u7a7f\u8d8a",
                "\u529f\u592b",
                "\u6df1\u6d77",
                "\u8096\u7533\u514b\u7684\u6551\u8d4e",
                "\u559c\u7f8a\u7f8a\u4e0e\u7070\u592a\u72fc\u4e4b\u7b50\u51fa\u672a\u6765",
                "\u58f0\u4e4b\u5f62",
                "\u5267\u573a\u7248 \u4e2d\u4e8c\u75c5\u4e5f\u8981\u8c08\u604b\u7231\uff01 -Take On Me-",
                "\u7389\u5b50\u7231\u60c5\u6545\u4e8b",
                "\u767d\u86c72\uff1a\u9752\u86c7\u52ab\u8d77",
                "\u626c\u540d\u7acb\u4e07"
            ]
        }
    ],
    "yAxis": [
        {
            "show": true,
            "scale": false,
            "nameLocation": "end",
            "nameGap": 15,
            "gridIndex": 0,
            "inverse": false,
            "offset": 0,
            "splitNumber": 5,
            "minInterval": 0,
            "splitLine": {
                "show": true,
                "lineStyle": {
                    "show": true,
                    "width": 1,
                    "opacity": 1,
                    "curveness": 0,
                    "type": "solid"
                }
            }
        }
    ],
    "title": [
        {
            "show": true,
            "text": "b\u7ad9\u8bc4\u8bba\u524d\u5341\u7535\u5f71\u63a8\u8350",
            "target": "blank",
            "subtext": "\u7f51\u53cb\u6b63\u5728\u70ed\u8bae",
            "subtarget": "blank",
            "left": "15%",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false
        }
    ]
};
        chart_8951c5c235fd4ddebf8e794d6b77ed02.setOption(option_8951c5c235fd4ddebf8e794d6b77ed02);
    </script>
<br/>                <div id="a897db08c7b8449fbff0dee5b52f666d" class="chart-container" style="position: absolute; width: 493.4px; height: 540.4px; top: 550.2000122070312px; left: 6px;"></div>
    <script>
        var chart_a897db08c7b8449fbff0dee5b52f666d = echarts.init(
            document.getElementById('a897db08c7b8449fbff0dee5b52f666d'), 'white', {renderer: 'canvas'});
        var option_a897db08c7b8449fbff0dee5b52f666d = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "wordCloud",
            "shape": "triangle",
            "rotationRange": [
                0,
                0
            ],
            "rotationStep": 45,
            "girdSize": 20,
            "sizeRange": [
                12,
                60
            ],
            "data": [
                {
                    "name": "\u5267\u60c5",
                    "value": 2055,
                    "textStyle": {
                        "color": "rgb(6,73,121)"
                    }
                },
                {
                    "name": "\u559c\u5267",
                    "value": 861,
                    "textStyle": {
                        "color": "rgb(34,112,114)"
                    }
                },
                {
                    "name": "\u52a8\u4f5c",
                    "value": 824,
                    "textStyle": {
                        "color": "rgb(14,108,42)"
                    }
                },
                {
                    "name": "\u7231\u60c5",
                    "value": 682,
                    "textStyle": {
                        "color": "rgb(56,126,136)"
                    }
                },
                {
                    "name": "\u5192\u9669",
                    "value": 511,
                    "textStyle": {
                        "color": "rgb(1,130,102)"
                    }
                },
                {
                    "name": "\u60ca\u609a",
                    "value": 463,
                    "textStyle": {
                        "color": "rgb(0,109,55)"
                    }
                },
                {
                    "name": "\u79d1\u5e7b",
                    "value": 448,
                    "textStyle": {
                        "color": "rgb(140,4,93)"
                    }
                },
                {
                    "name": "\u5947\u5e7b",
                    "value": 425,
                    "textStyle": {
                        "color": "rgb(65,131,83)"
                    }
                },
                {
                    "name": "\u72af\u7f6a",
                    "value": 411,
                    "textStyle": {
                        "color": "rgb(123,55,108)"
                    }
                },
                {
                    "name": "\u60ac\u7591",
                    "value": 307,
                    "textStyle": {
                        "color": "rgb(118,115,59)"
                    }
                },
                {
                    "name": "\u77ed\u7247",
                    "value": 273,
                    "textStyle": {
                        "color": "rgb(21,146,95)"
                    }
                },
                {
                    "name": "\u52a8\u753b",
                    "value": 266,
                    "textStyle": {
                        "color": "rgb(149,108,103)"
                    }
                },
                {
                    "name": "\u6218\u4e89",
                    "value": 231,
                    "textStyle": {
                        "color": "rgb(42,69,55)"
                    }
                },
                {
                    "name": "\u5bb6\u5ead",
                    "value": 177,
                    "textStyle": {
                        "color": "rgb(28,160,92)"
                    }
                },
                {
                    "name": "\u5386\u53f2",
                    "value": 174,
                    "textStyle": {
                        "color": "rgb(154,88,125)"
                    }
                },
                {
                    "name": "\u5c0f\u8bf4\u6539",
                    "value": 161,
                    "textStyle": {
                        "color": "rgb(22,50,128)"
                    }
                },
                {
                    "name": "\u4f20\u8bb0",
                    "value": 146,
                    "textStyle": {
                        "color": "rgb(124,46,121)"
                    }
                },
                {
                    "name": "\u6050\u6016",
                    "value": 138,
                    "textStyle": {
                        "color": "rgb(119,0,141)"
                    }
                },
                {
                    "name": "\u6f2b\u753b\u6539",
                    "value": 98,
                    "textStyle": {
                        "color": "rgb(37,90,54)"
                    }
                },
                {
                    "name": "\u6218\u6597",
                    "value": 82,
                    "textStyle": {
                        "color": "rgb(142,48,139)"
                    }
                },
                {
                    "name": "\u5c11\u513f",
                    "value": 77,
                    "textStyle": {
                        "color": "rgb(61,3,64)"
                    }
                },
                {
                    "name": "\u70ed\u8840",
                    "value": 76,
                    "textStyle": {
                        "color": "rgb(6,39,90)"
                    }
                },
                {
                    "name": "\u6b4c\u821e",
                    "value": 51,
                    "textStyle": {
                        "color": "rgb(3,85,108)"
                    }
                },
                {
                    "name": "\u840c\u7cfb",
                    "value": 49,
                    "textStyle": {
                        "color": "rgb(48,26,67)"
                    }
                },
                {
                    "name": "\u707e\u96be",
                    "value": 43,
                    "textStyle": {
                        "color": "rgb(61,159,53)"
                    }
                },
                {
                    "name": "\u4eba\u6587",
                    "value": 43,
                    "textStyle": {
                        "color": "rgb(54,10,66)"
                    }
                },
                {
                    "name": "\u539f\u521b",
                    "value": 37,
                    "textStyle": {
                        "color": "rgb(28,139,157)"
                    }
                },
                {
                    "name": "\u6cbb\u6108",
                    "value": 34,
                    "textStyle": {
                        "color": "rgb(89,65,141)"
                    }
                },
                {
                    "name": "\u65f6\u6cea",
                    "value": 32,
                    "textStyle": {
                        "color": "rgb(36,93,36)"
                    }
                },
                {
                    "name": "\u667a\u6597",
                    "value": 28,
                    "textStyle": {
                        "color": "rgb(26,75,96)"
                    }
                },
                {
                    "name": "\u793e\u4f1a",
                    "value": 27,
                    "textStyle": {
                        "color": "rgb(83,63,24)"
                    }
                },
                {
                    "name": "\u641e\u7b11",
                    "value": 27,
                    "textStyle": {
                        "color": "rgb(33,53,11)"
                    }
                },
                {
                    "name": "\u67b6\u7a7a",
                    "value": 26,
                    "textStyle": {
                        "color": "rgb(80,64,153)"
                    }
                },
                {
                    "name": "\u5c11\u5973",
                    "value": 25,
                    "textStyle": {
                        "color": "rgb(82,27,122)"
                    }
                },
                {
                    "name": "\u65e5\u5e38",
                    "value": 24,
                    "textStyle": {
                        "color": "rgb(7,159,42)"
                    }
                },
                {
                    "name": "\u8fd0\u52a8",
                    "value": 23,
                    "textStyle": {
                        "color": "rgb(106,19,24)"
                    }
                },
                {
                    "name": "\u6821\u56ed",
                    "value": 23,
                    "textStyle": {
                        "color": "rgb(77,13,84)"
                    }
                },
                {
                    "name": "\u63a8\u7406",
                    "value": 22,
                    "textStyle": {
                        "color": "rgb(109,81,89)"
                    }
                },
                {
                    "name": "\u673a\u6218",
                    "value": 20,
                    "textStyle": {
                        "color": "rgb(77,93,47)"
                    }
                },
                {
                    "name": "\u7eaa\u5b9e",
                    "value": 20,
                    "textStyle": {
                        "color": "rgb(86,76,87)"
                    }
                },
                {
                    "name": "\u7a7f\u8d8a",
                    "value": 19,
                    "textStyle": {
                        "color": "rgb(111,50,2)"
                    }
                },
                {
                    "name": "\u9b54\u6cd5",
                    "value": 16,
                    "textStyle": {
                        "color": "rgb(33,114,48)"
                    }
                },
                {
                    "name": "\u604b\u7231",
                    "value": 13,
                    "textStyle": {
                        "color": "rgb(128,58,102)"
                    }
                },
                {
                    "name": "\u50ac\u6cea",
                    "value": 10,
                    "textStyle": {
                        "color": "rgb(15,78,10)"
                    }
                },
                {
                    "name": "\u81ea\u7136",
                    "value": 9,
                    "textStyle": {
                        "color": "rgb(152,135,49)"
                    }
                },
                {
                    "name": "\u52b1\u5fd7",
                    "value": 9,
                    "textStyle": {
                        "color": "rgb(97,51,106)"
                    }
                },
                {
                    "name": "\u7279\u6444",
                    "value": 8,
                    "textStyle": {
                        "color": "rgb(10,69,113)"
                    }
                },
                {
                    "name": "\u58f0\u63a7",
                    "value": 7,
                    "textStyle": {
                        "color": "rgb(1,138,101)"
                    }
                },
                {
                    "name": "\u97f3\u4e50",
                    "value": 6,
                    "textStyle": {
                        "color": "rgb(97,110,116)"
                    }
                },
                {
                    "name": "\u6e38\u620f\u6539",
                    "value": 6,
                    "textStyle": {
                        "color": "rgb(39,76,25)"
                    }
                },
                {
                    "name": "\u79d1\u6280",
                    "value": 5,
                    "textStyle": {
                        "color": "rgb(15,125,2)"
                    }
                },
                {
                    "name": "\u533b\u7597",
                    "value": 4,
                    "textStyle": {
                        "color": "rgb(42,124,140)"
                    }
                },
                {
                    "name": "\u63a2\u9669",
                    "value": 4,
                    "textStyle": {
                        "color": "rgb(18,0,101)"
                    }
                },
                {
                    "name": "\u52a8\u7269",
                    "value": 4,
                    "textStyle": {
                        "color": "rgb(8,31,125)"
                    }
                },
                {
                    "name": "\u793e\u56e2",
                    "value": 3,
                    "textStyle": {
                        "color": "rgb(90,70,14)"
                    }
                },
                {
                    "name": "\u65c5\u884c",
                    "value": 3,
                    "textStyle": {
                        "color": "rgb(68,57,61)"
                    }
                },
                {
                    "name": "\u7f6a\u6848",
                    "value": 2,
                    "textStyle": {
                        "color": "rgb(11,122,58)"
                    }
                },
                {
                    "name": "\u4e59\u5973",
                    "value": 2,
                    "textStyle": {
                        "color": "rgb(94,78,3)"
                    }
                },
                {
                    "name": "\u7f8e\u98df",
                    "value": 2,
                    "textStyle": {
                        "color": "rgb(92,35,123)"
                    }
                },
                {
                    "name": "\u5076\u50cf",
                    "value": 2,
                    "textStyle": {
                        "color": "rgb(116,76,159)"
                    }
                },
                {
                    "name": "\u804c\u573a",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(55,145,124)"
                    }
                },
                {
                    "name": "\u519b\u4e8b",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(158,21,157)"
                    }
                },
                {
                    "name": "\u841d\u8389",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(101,36,59)"
                    }
                },
                {
                    "name": "\u795e\u79d8",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(118,155,96)"
                    }
                },
                {
                    "name": "\u795e\u9b54",
                    "value": 1,
                    "textStyle": {
                        "color": "rgb(90,143,100)"
                    }
                }
            ],
            "drawOutOfBound": false,
            "textStyle": {
                "emphasis": {}
            }
        }
    ],
    "legend": [
        {
            "data": [],
            "selected": {},
            "show": true,
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1,
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "title": [
        {
            "show": true,
            "text": "b\u7ad9\u7535\u5f71\u5173\u952e\u8bcd",
            "target": "blank",
            "subtarget": "blank",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false
        }
    ]
};
        chart_a897db08c7b8449fbff0dee5b52f666d.setOption(option_a897db08c7b8449fbff0dee5b52f666d);
    </script>
<br/>                <div id="164cc923e57f4f989807952d587f1ce4" class="chart-container" style="position: absolute; width: 893.4px; height: 500.4px; top: 50px; left: 642px;"></div>
    <script>
        var chart_164cc923e57f4f989807952d587f1ce4 = echarts.init(
            document.getElementById('164cc923e57f4f989807952d587f1ce4'), 'white', {renderer: 'canvas'});
        var option_164cc923e57f4f989807952d587f1ce4 = {
    "animation": true,
    "animationThreshold": 2000,
    "animationDuration": 1000,
    "animationEasing": "cubicOut",
    "animationDelay": 0,
    "animationDurationUpdate": 300,
    "animationEasingUpdate": "cubicOut",
    "animationDelayUpdate": 0,
    "aria": {
        "enabled": false
    },
    "color": [
        "#5470c6",
        "#91cc75",
        "#fac858",
        "#ee6666",
        "#73c0de",
        "#3ba272",
        "#fc8452",
        "#9a60b4",
        "#ea7ccc"
    ],
    "series": [
        {
            "type": "pie",
            "name": "\u4eba\u6570",
            "colorBy": "data",
            "legendHoverLink": true,
            "selectedMode": false,
            "selectedOffset": 10,
            "clockwise": true,
            "startAngle": 90,
            "minAngle": 0,
            "minShowLabelAngle": 0,
            "avoidLabelOverlap": true,
            "stillShowZeroSum": true,
            "percentPrecision": 2,
            "showEmptyCircle": true,
            "emptyCircleStyle": {
                "color": "lightgray",
                "borderColor": "#000",
                "borderWidth": 0,
                "borderType": "solid",
                "borderDashOffset": 0,
                "borderCap": "butt",
                "borderJoin": "bevel",
                "borderMiterLimit": 10,
                "opacity": 1
            },
            "data": [
                {
                    "name": "\u5267\u60c5",
                    "value": 2055
                },
                {
                    "name": "\u559c\u5267",
                    "value": 861
                },
                {
                    "name": "\u52a8\u4f5c",
                    "value": 824
                },
                {
                    "name": "\u7231\u60c5",
                    "value": 682
                },
                {
                    "name": "\u5192\u9669",
                    "value": 511
                },
                {
                    "name": "\u60ca\u609a",
                    "value": 463
                },
                {
                    "name": "\u79d1\u5e7b",
                    "value": 448
                },
                {
                    "name": "\u5947\u5e7b",
                    "value": 425
                },
                {
                    "name": "\u72af\u7f6a",
                    "value": 411
                },
                {
                    "name": "\u60ac\u7591",
                    "value": 307
                },
                {
                    "name": "\u77ed\u7247",
                    "value": 273
                },
                {
                    "name": "\u52a8\u753b",
                    "value": 266
                },
                {
                    "name": "\u6218\u4e89",
                    "value": 231
                },
                {
                    "name": "\u5176\u4ed6",
                    "value": 1822
                }
            ],
            "radius": [
                "30%",
                "75%"
            ],
            "center": [
                "50%",
                "50%"
            ],
            "roseType": "radius",
            "label": {
                "show": true,
                "margin": 8,
                "formatter": "{b}:{c} {d}%"
            },
            "labelLine": {
                "show": true,
                "showAbove": false,
                "length": 15,
                "length2": 15,
                "smooth": false,
                "minTurnAngle": 90,
                "maxSurfaceAngle": 90
            },
            "rippleEffect": {
                "show": true,
                "brushType": "stroke",
                "scale": 2.5,
                "period": 4
            }
        }
    ],
    "legend": [
        {
            "data": [
                "\u5267\u60c5",
                "\u559c\u5267",
                "\u52a8\u4f5c",
                "\u7231\u60c5",
                "\u5192\u9669",
                "\u60ca\u609a",
                "\u79d1\u5e7b",
                "\u5947\u5e7b",
                "\u72af\u7f6a",
                "\u60ac\u7591",
                "\u77ed\u7247",
                "\u52a8\u753b",
                "\u6218\u4e89",
                "\u5176\u4ed6"
            ],
            "selected": {},
            "type": "scroll",
            "show": true,
            "left": "85%",
            "top": "20%",
            "orient": "vertical",
            "padding": 5,
            "itemGap": 10,
            "itemWidth": 25,
            "itemHeight": 14,
            "backgroundColor": "transparent",
            "borderColor": "#ccc",
            "borderWidth": 1,
            "borderRadius": 0,
            "pageButtonItemGap": 5,
            "pageButtonPosition": "end",
            "pageFormatter": "{current}/{total}",
            "pageIconColor": "#2f4554",
            "pageIconInactiveColor": "#aaa",
            "pageIconSize": 15,
            "animationDurationUpdate": 800,
            "selector": false,
            "selectorPosition": "auto",
            "selectorItemGap": 7,
            "selectorButtonGap": 10
        }
    ],
    "tooltip": {
        "show": true,
        "trigger": "item",
        "triggerOn": "mousemove|click",
        "axisPointer": {
            "type": "line"
        },
        "showContent": true,
        "alwaysShowContent": false,
        "showDelay": 0,
        "hideDelay": 100,
        "enterable": false,
        "confine": false,
        "appendToBody": false,
        "transitionDuration": 0.4,
        "textStyle": {
            "fontSize": 14
        },
        "borderWidth": 0,
        "padding": 5,
        "order": "seriesAsc"
    },
    "title": [
        {
            "show": true,
            "text": "b\u7ad9\u5404\u6807\u7b7e\u7535\u5f71\u5360\u6bd4",
            "target": "blank",
            "subtarget": "blank",
            "left": "40%",
            "padding": 5,
            "itemGap": 10,
            "textAlign": "auto",
            "textVerticalAlign": "auto",
            "triggerEvent": false
        }
    ]
};
        chart_164cc923e57f4f989807952d587f1ce4.setOption(option_164cc923e57f4f989807952d587f1ce4);
    </script>
<br/>    </div>
    <script>
            $('#6fdc8b34d4ed442bb641463877630b83').css('border-style', 'dashed').css('border-width', '0px');$("#6fdc8b34d4ed442bb641463877630b83>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#6fdc8b34d4ed442bb641463877630b83'), function() { chart_6fdc8b34d4ed442bb641463877630b83.resize()});
            $('#8951c5c235fd4ddebf8e794d6b77ed02').css('border-style', 'dashed').css('border-width', '0px');$("#8951c5c235fd4ddebf8e794d6b77ed02>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#8951c5c235fd4ddebf8e794d6b77ed02'), function() { chart_8951c5c235fd4ddebf8e794d6b77ed02.resize()});
            $('#a897db08c7b8449fbff0dee5b52f666d').css('border-style', 'dashed').css('border-width', '0px');$("#a897db08c7b8449fbff0dee5b52f666d>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#a897db08c7b8449fbff0dee5b52f666d'), function() { chart_a897db08c7b8449fbff0dee5b52f666d.resize()});
            $('#164cc923e57f4f989807952d587f1ce4').css('border-style', 'dashed').css('border-width', '0px');$("#164cc923e57f4f989807952d587f1ce4>div:nth-child(1)").width("100%").height("100%");
            new ResizeSensor(jQuery('#164cc923e57f4f989807952d587f1ce4'), function() { chart_164cc923e57f4f989807952d587f1ce4.resize()});
            var charts_id = ['6fdc8b34d4ed442bb641463877630b83','8951c5c235fd4ddebf8e794d6b77ed02','a897db08c7b8449fbff0dee5b52f666d','164cc923e57f4f989807952d587f1ce4'];
function downloadCfg () {
    const fileName = 'chart_config.json'
    let downLink = document.createElement('a')
    downLink.download = fileName

    let result = []
    for(let i=0; i<charts_id.length; i++) {
        chart = $('#'+charts_id[i])
        result.push({
            cid: charts_id[i],
            width: chart.css("width"),
            height: chart.css("height"),
            top: chart.offset().top + "px",
            left: chart.offset().left + "px"
        })
    }

    let blob = new Blob([JSON.stringify(result)])
    downLink.href = URL.createObjectURL(blob)
    document.body.appendChild(downLink)
    downLink.click()
    document.body.removeChild(downLink)
}
    </script>
</body>
</html>
